extends layout

block head
	link(href='css/main.css', rel="stylesheet")
	
	//script(src='js/json2.js', type="test/javascript")
	script(src='js/jquery.json-2.3.min.js', type="test/javascript")
	script(src='js/dataQueue.js', type="text/javascript")
	script(src='js/idTagReader.js', type="text/javascript")
	script(src='js/input.js', type="text/javascript")
	script(src='js/mediaItem.js', type="text/javascript")
	script(src='js/playlist.js', type="text/javascript")
	script(src='js/mediaLib.js', type="text/javascript")
	script(src='js/resourceController.js', type="text/javascript")
	script(src='js/timeView.js', type="text/javascript")
	script(src='js/websocket.js', type="text/javascript")
	script(src='js/transport.js', type="text/javascript")
	script(src='js/core.js', type="text/javascript")
	script(src='js/visu1.js', type="text/javascript")
	script(src='js/visu2.js', type="text/javascript")

block mainSection
	#mainSection
		.timeView
			canvas
		#transport
			.gain
				.runner
			.buttonWrapper
				.buttonPlay.button Play
				.buttonPause.button Pause
				.buttonStop.button Stop
				.buttonPrevious.button Previous
				.buttonNext.button Next
			.progress
				.runner
		#playlist
			.list
		.mediaLib
			ul
		#info
	script
		onload()